<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link href="<%=basePath %>/modules/lib/ligerUI1.0.2/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="<%=basePath %>/modules/lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script> 
  
  	<script type="text/javascript" src="<%=basePath %>/modules/lib/ligerUI1.0.2/js/ligerui.all.js"></script>
     <!--
    <script src="<%=basePath %>/modules/lib/ligerUI1.0.2/js/plugins/ligerMenu.js" type="text/javascript"></script>
    <script src="<%=basePath %>/modules/lib/ligerUI1.0.2/js/plugins/ligerMenuBar.js" type="text/javascript"></script>
    <script src="<%=basePath %>/modules/lib/ligerUI1.0.2/js/plugins/ligerToolBar.js" type="text/javascript"></script>
-->
 	<script type="text/javascript">
 		var gridManager = null;
         var menu1 = { width: 120, items:
            [
            { text: '保存', click: itemclick },
            { text: '列存为', click: itemclick },
            { line: true },
            { text: '关闭', click: itemclick }
            ]
        };

        var menu2 = { width: 120, items:
            [
            {
                text: '文件', children:
                [
                    { text: 'Excel', click: itemclick },
                    { text: 'Word', click: itemclick },
                    { text: 'PDF', click: itemclick },
                    { text: 'TXT', click: itemclick },
                    { line: true },
                    { text: 'XML', click: itemclick }
                ]
            },
            ]
        };
        function itemclick(item)
        {
            alert(item.text);
        }
        $(function ()
        {
        	//$("#_main").ligerAccordion({height:300});
        	
        	$("form").ligerForm();
            $("#topmenu").ligerMenuBar({ items: [
                { text: '文件', menu: menu1 },
                { text: '导出', menu: menu2 }
            ]
            });
            //表格
            $("#maingrid").ligerGrid({
                columns: [
                { display: '顾客', name: 'CustomerID', align: 'left', width: 100, minWidth: 60 },
                { display: '公司名', name: 'CompanyName', minWidth: 120 },
                { display: '联系名', name: 'ContactName', minWidth: 140 },
                { display: '电话', name: 'Phone' },
                { display: '城市', name: 'City' },
                { display: '国家', name: 'Country' }
                ], dataAction: 'server', data: CustomersData, sortName: 'CustomerID',
                width: '100%', height: '100%', pageSize: 30,
                checkbox : true,
                //应用灰色表头
                cssClass: 'l-grid-gray', 
                heightDiff: -6
            });
             
            gridManager = $("#maingrid").ligerGetGridManager();

            $("#pageloading").hide();
/**
          $("#toptoolbar").ligerToolBar({ items: [
                { text: '增加', click: itemclick },
                { text: '修改', click: itemclick },
                { text: '删除', click: itemclick }
            ]
            });*/

        });
    </script>
    <style type="text/css">
	    #menu1,.l-menu-shadow{top:30px; left:50px;}
	    #menu1{  width:200px;}
        .l-table-edit {}
        .l-table-edit-td{ padding:4px;}
        .l-button-submit,.l-button-reset{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
        .l-verify-tip{ left:230px; top:120px;}
    </style>
  </head>
  
  <body style="padding:0px; overflow:hidden;">
  	<div class="l-loading" style="display:block" id="pageloading"></div> 
	<div id="_main">
		<div id="queryDiv" title="查询条件>>" style="padding:4px;" class="l-panel-search-item"></div>
		<form name="_qForm" method="post" id="_qForm">
			<table cellpadding="0" cellspacing="0" class="l-table-edit" >
				<tr><td align="right" class="l-table-edit-td" style="width:15%">名字:</td>
                	<td align="left" class="l-table-edit-td" style="width:35%"><input name="txtName" type="text" id="txtName" ltype="text" /></td>
                	<td align="right" class="l-table-edit-td" style="width:15%">名字:</td>
                	<td align="left" class="l-table-edit-td" style="width:35%"><input name="txtName1" type="text" id="txtName1" ltype="text" /></td>
            	</tr>
			</table>
		</form>
  		<div id="gridDiv" title="查询结果列表>>">
  			<div id="topmenu" ></div>
  			<div id="maingrid" style="margin:0; padding:0"></div>
  		</div>
	</div>
  </body>
</html>
